<template>
    <view>
        <view>
            <!-- 不会覆盖限制上传图片数量（也就是count参数生效），notli默认false -->
           <!-- <view class="sun-title">上传图片</view> -->
            <sunui-upimg :upImgConfig="upImgConfig" @onUpImg="upImgData" ref="uImage" />
            <!-- <button type="primary" @tap="uImageTap">上传图片</button> -->
			
			<view class="cu-form-group">
				<view class="title">输入内容</view>
				<input v-model="xq_title" placeholder="输入你当前想说的话" name="input"></input>
			</view>
			<view class="cu-form-group">
				<view class="title">输入地址</view>
				<input v-model="xq_location" placeholder="您当前的位置" name="input"></input>
				<text class='icon-locationfill text-orange'></text>
			</view>
			<view class="jiange">
				
			</view>
			<view class="padding flex flex-direction margin-top">
				<button class="cu-btn line-mauve shadow lg" @click="zouni()">确认发布</button>
			</view>
           <!-- <button type="primary" @tap="getUpImgInfo">获取上传图片信息</button> -->
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                /**
                 * 图片上传配置项
                 * 
                 * 关于阿里云oos,开启oos的话(需要配置./ali-oos/config.js的配置项)
                 */
                upImgConfig: {
                    // 是否阿里云oos且oos地址必须是https
                    oos: true,
                    aliConfig: {
                        // 阿里云oos上传key_secret(后端传)
                        AccessKeySecret: 'mqfTAIDHNcYidyhTXxnD33Yl55ISli',
                        // 阿里云oos上传key_id(后端传)
                        OSSAccessKeyId: 'nKmCiSWx1Rsor7OR',
                        // 阿里云oos上传目录(必须存在)
                        oosDirectory: 'uniapp',
                    },
                    // 后端图片接口地址(阿里云开启oos的话就填写阿里云上传服务器url：http://4zlinkimgtest.oss-cn-beijing.aliyuncs.com/否则的话写自己后端上传图片地址，注意把oos置为false!!!)
                    url: 'https://picss.xuejss.com/',
                    // 是否开启notli(开启的话就是选择完直接上传，关闭的话当count满足数量时才上传)
                    notli: true,
                    // 图片数量
                    count: 9,
                    // 过滤图片容量大于或等于3M的图片(2019/4/11新增)
                    maxsize: 3,
                    // 相机来源([相机,相册],[相机])
                    sourceType: true,
                    // 是否压缩上传照片(仅小程序生效)
                    sizeType: true,
                    // 新增上传背景修改
                    bgColor: '#c0acbe',
                    // 新增上传icon图标颜色修改
                    iconColor: '#fff',
                    // 上传文字描述(仅限四个字)
                    text: '上传图片',
                    // 删除图标定义背景颜色
                    delIconColor: '',
                    // 删除图标字体颜色
                    delIconText: '',
                    // 上传图标替换(+),是个http,https图片地址(https://www.playsort.cn/right.png)
                    iconReplace: ''
                },
                imgArr: [],
				xq_location:'',
				userid:'',
				xq_title:''
            };
        },
        methods: {
            // 上传图片(2019/3/29新增) -> 手动上传(需要传入上传url,还需要搭配count参数使用!)
            uImageTap() {
                this.$refs.uImage.uploadimage('https://picss.xuejss.com/');
            },
            //获取上传图片返回来的数组(Step1)
            async upImgData(e) {
                // 上传图片数组
                let arrImg = [];
                for (let i = 0, len = e.length; i < len; i++) {
                    if (e[i].path_server != "") {
                        console.log(i);
                        await arrImg.push(e[i].path_server.split(','));
                    }
                }
                // 图片信息保存到data数组
                this.imgArr = arrImg;

                // 可以根据长度来判断图片是否上传成功. 2019/4/11新增
                if (this.imgArr.length == this.upImgConfig.count) {
                    uni.showToast({
                        title: `上传成功`,
                        icon: 'none'
                    })
                }
            },
            // 获取上传图片的所有信息(Step2)
            getUpImgInfo() {
                console.log('转成多维数组:', this.imgArr);
                console.log('转成一维数组:', this.imgArr.join().split(','));
            },
			zouni(){
					uni.getStorage({
					key: 'user_data',
					success: function (res) {
						this.userid = res.data;
						
				console.log(this.userid)
				
					},
					fail:function(e){
							uni.showToast({title: '请登录',icon:"none"});
						    uni.navigateTo({
							url:'../logo/login'
						})
					}
				});
				const useridd = uni.getStorageSync('user_data');
				var pics_url=this.imgArr.join().split(',');
			
		        if (pics_url < 1) {
		            uni.showToast({
		                icon: 'none',
		                title: '请上传照片'
		            });
		            return;
		        }
				
		        if (this.xq_title.length < 1) {
		            uni.showToast({
		                icon: 'none',
		                title: '内容不能为空'
		            });
		            return;
		        }				
		        if (this.xq_location.length < 1) {
		            uni.showToast({
		                icon: 'none',
		                title: '请输入地址'
		            });
		            return;
		        }				
				console.log(useridd);
				console.log(pics_url);
				console.log(this.xq_title);
				console.log(this.xq_location);
				 
				uni.request({
				url: 'https://api.xuejss.com/xue/?s=wendang.add_lgant',
				method: 'POST',
				 header: {
                 'Content-Type':'application/x-www-form-urlencoded'
                 },
				data: {
				uid:useridd,
				pics_url:pics_url,
				xq_title:this.xq_title,
				xq_location:this.xq_location	
				},
					success: res => {
						console.log(res);
						var newsList = res.data.data;
						if(res.data.code==0){
							
						uni.showToast({title:'发布成功',icon:'none'});	
						uni.navigateBack({
						 delta: 1
						   });
							
						}
					},
					complete: res => {
						uni.hideLoading();
						uni.stopPullDownRefresh();
					}
				});				
				
				
				
				
				
				
			}
			
        }
    }
</script>

<style>
	.jiange{
		border-top: 0.5px solid #eee;
	}
	
</style>